﻿@using ST = EmoneyWeiXinCommon.StringTools;
@{
    ViewBag.Title = "群发管理";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="right">
    <h3>群发管理</h3>
    <!--manage-->
    <div class="manage">
        <!--manage_top-->
        <div class="manage_top">
            <ul class="manage_top_ul">
            </ul>
            <div class="manage_register">
                <p><span>发送对象：</span><select></select></p>
                <p><span>性别：</span><select></select></p>
            </div>
            <div class="manage_register">
                <p><span>群发地区：</span><select class="manage_register_select"></select><span class="manage_register_font"></span><select class="manage_register_select"></select></p>
                <p><span>分组标签：</span><select></select></p>
            </div>
            <div class="manage_register">
                <div class="manage_register_p03">
                    <p>
                        <span><i class="icon iconfont">&#xe602;</i>文本模式</span>
                        <span class="gray"><i class="icon iconfont">&#xe603;</i>图文模式</span>
                        <span>还可以输入<b> 600</b> 字</span>
                    </p>
                    <textarea class="manage_register_mass">

                    </textarea>
                </div>
            </div>
            <p class="manage_add">
                <a href="#">群发</a>
                <span class="manage_add_font02">您本月还能群发 <b class="red">0 </b>条消息</span>
            </p>
        </div>

        <p class="manage_line"></p>
        <!--manage_bottom-->
        <div class="manage_bottom">
            <div class="manage_bottom_send">
                <dl>
                    <dt>
                        <a href="#">
                            <img src="@ST.GetTrendsFile("Models/images/manage_top_set_img.png")">
                        </a>
                    </dt>
                    <dd>
                        <ul>
                            <li>
                                <span class="manage_send_font">[图文消息1]上交所批准两类仅仅实行T+0交易？！</span>
                                <span class="manage_send_font02">
                                    <h4>发送成功<i class="icon iconfont">&#xe600;</i></h4>
                                    <div class="send_succeed">
                                        <p>发送人数：<b>3697</b> 人</p>
                                        <p class="gray">排除发送时过滤、用户拒收、接收已达到4条的用户数</p>
                                        <p>成功人数：<b>3697</b>  人</p>
                                        <p>失败人数：<b>0</b> 人</p>
                                    </div>
                                </span>
                                <span class="manage_send_font03">星期五18:11</span>
                                <a class="manage_send_font04 red" href="#">删除</a>
                            </li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                        </ul>
                    </dd>
                    <div class="clear"></div>
                </dl>
                <dl>
                    <dt><a href="#">
                        <img src="images/manage_top_set_img.png"></a></dt>
                    <dd>
                        <ul>
                            <li>
                                <span class="manage_send_font">[图文消息1]上交所批准两类仅仅实行T+0交易？！</span>
                                <span class="manage_send_font02">
                                    <h4>发送成功<i class="icon iconfont">&#xe600;</i></h4>
                                    <div class="send_succeed">
                                        <p>发送人数：<b>3697</b> 人</p>
                                        <p class="gray">排除发送时过滤、用户拒收、接收已达到4条的用户数</p>
                                        <p>成功人数：<b>3697</b>  人</p>
                                        <p>失败人数：<b>0</b> 人</p>
                                    </div>
                                </span>
                                <span class="manage_send_font03">星期五18:11</span>
                                <a class="manage_send_font04 red" href="#">删除</a>
                            </li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                        </ul>
                    </dd>
                    <div class="clear"></div>
                </dl>
                <dl>
                    <dt><a href="#">
                        <img src="images/manage_top_set_img.png"></a></dt>
                    <dd>
                        <ul>
                            <li>
                                <span class="manage_send_font">[图文消息1]上交所批准两类仅仅实行T+0交易？！</span>
                                <span class="manage_send_font02">
                                    <h4>发送成功<i class="icon iconfont">&#xe600;</i></h4>
                                    <div class="send_succeed">
                                        <p>发送人数：<b>3697</b> 人</p>
                                        <p class="gray">排除发送时过滤、用户拒收、接收已达到4条的用户数</p>
                                        <p>成功人数：<b>3697</b>  人</p>
                                        <p>失败人数：<b>0</b> 人</p>
                                    </div>
                                </span>
                                <span class="manage_send_font03">星期五18:11</span>
                                <a class="manage_send_font04 red" href="#">删除</a>
                            </li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                            <li>[图文消息2]A股惊魂一刻：30分钟跳水近4%</li>
                        </ul>
                    </dd>
                    <div class="clear"></div>
                </dl>

            </div>
            <div class="manage_page">
                <ul>
                    <li class="manage_page_left"><i class="icon iconfont">&#xe601;</i></li>
                    <li class="manage_page_center"><span>1</span> /<span> 999</span></li>
                    <li class="manage_page_right"><i class="icon iconfont">&#xe600;</i></li>
                    <li>
                        <input type="text"></li>
                    <li><a href="#">跳转</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var weixinid = "";
    $(window).ready(function () {
        createMemu();

        $(".manage_send_font02").hover(function () {
            $(this).find(".send_succeed").show();
        }, function () {
            $(this).find(".send_succeed").hide();
        })
    })

    //创建labs
    function createMemu() {
        $.ajax({
            type: "get",
            url: "@ST.GetTrendsFile("BaseConfiguration/WeixinUserMemu")" + "?random=" + Math.random(),
                async: true,
                data: { weixinid: weixinid },
                dataType: "html",
                success: function (result) {
                    $(".manage_top_ul").html(result);
                    $(".manage_top_ul li").click(function () {
                        $(".manage_top_ul li").removeClass("manage_top_A");
                        $(this).addClass("manage_top_A");
                        getContent();
                    });
                    getContent();
                }
            });
        }

    function getContent() {
        $(".manage_top_ul .manage_top_A").each(function () {
            weixinid = $(this).attr("typeid");
        })
    }
</script>
